پاورپوینت درس سوم CSS (pptx) 16 اسلاید
دسته بندی : پاورپوینت
نوع فایل : PowerPoint (.pptx) ( قابل ویرایش و آماده پرینت )
تعداد اسلاید: 16 اسلاید
قسمتی از متن PowerPoint (.pptx) :
CSS
Content vs. Presentation
اکثر برچسبها نوع محتوی را تعریف می کنند و کاری به نحوه نمایش ندارند.
شیوه نامه یا style sheet نحوه نمایش را به یک سند منتسب می کند.
CSS1 در سال 1996 توسط W3C توسعه داده شد.
CSS2 در سال 1998 منتشر شد اما بطور کامل توسط همه مرورگرها پشتیبانی نشد.
معمولا از شیوه نامه سندهای HTML به عنوان شیوه نامه آبشاری یاد می شود چون دارای سه سطح متفاوت است.
شیوه نامه توکار به محتوی یک عنصر اعمال می گردد.
شیوه نامه سند به بدنه سند اعمال می گردد.
شیوه نامه خارجی می تواند به چندین صفحه اعمال شود.
Understanding Style Rules
مشخصه نمایش هر عنصر با یک قانون نمایش بیان می شود:
شیوه نامه به مجموعه ای از قوانین نمایش گفته می شود.
Understanding Style Rules
هر قانون نمایش دارای دو قسمت است: یک انتخاب کننده و یک اعلان
h1 {color: red;}.
انتخاب کننده عنصری را که قانون به آن اعمال می شود را مشخص می کند.
اعلان خاصیت و مقدار آنرا برای انتخاب کننده مشخص می کند.
Selector
Declaration
Understanding Style Rules
خاصیت یک مشخصه از عنصر را مشخص می کند.
سپس علامت : قرار می گیرد.
بعد مقدار آن خاصیت بیان می گردد.
و در نهایت، یک علامت ; قرار می گیرد.
P {color: red;}
Property
Value
Inline Style Sheets
می توان با استفاده از مشخصه styleنحوه نمایش یک عنصر را کنترل کرد.
می توانیم داخل این برچسب دنباله ای از property:value را قرار دهیم.
font-family:Courier,monospace
font-style:italic
font-weight:bold
font-size:12pt font-size:large font-size:larger
color:red color:#000080
background-color:white
text-decoration:underline
text-decoration:none
text-align:left text-align:center
text-align:right text-align:justify
vertical-align:top vertical-align:middle
vertical-align:bottom
text-indent:5em text-indent:0.2in
Inline Style Sheets
This is a
right-justified paragraph in a sans serif
font (preferably Arial), with some
green text.
And here
is a formatted link.
view page
Inline Style Sheets (cont.)
مطالب بیشتر:
margin-left:0.1in
margin-right:5%
margin:3em
padding-top:0.1in
padding-bottom:5%
padding:3em
border-width:thin
border-width:thick
border-width:5
border-color:red
border-style:dashed
border-style:dotted
border-style:double
border-style:none
whitespace:pre
list-style-type:square
list-style-type:decimal
list-style-type:lower-alpha
list-style-type:upper-roman
Inline Style Sheets Here is an image ![Tony Blair](“1.jpeg")
one thing
or another
view page
Inline Style Sheets (cont.)
Inline Style Sheets
Student data.
| name | age |
| Chris Smith | 19 |
| Pat Jones | 20 |
| Doogie Howser | 9 |
view page
Document Style Sheets
شیوه نامه توکار به عناصر متمایز صفحه اعمال می گردد.
این کار ممکن است به ناهمگونی منجر شود. یعنی عناصر یکسان بصورت متفاوت فرمت شوند.
باعث قاطی شدن محتوی و نحوه نمایش می گردد.
یعنی فلسفه HTML زیر سوال می رود.
اما، شیوه نامه سند اجازه می دهد که محتوی و نمایش به خوبی از هم جدا شوند.
با استفاده از برچسب style قوانین نمایش در قسمت قرار می گیرند.
این قوانین می توانندبه تمام عناصر یا زیرکلاسی از عناصر صفحه اعمال شود.
